<div class="bearing-list">
    <ol class="breadcrumb">
        <li><a href="#">主界面</a></li>
        <li class="active">轴承</li>
    </ol>
    <div class="row">
        <!--轴承列表-->
        <div class="col-xs-8">
            <table-with-page [bearings]="bears" (onChoose)="onChoose($event)"></table-with-page>
        </div>
        <!--查看详细-->
        <div class="col-xs-4">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <i class="fa fa-truck" aria-hidden="true"></i>
                    详细信息
                </div>
                <router-outlet></router-outlet>
            </div>
        </div>
    </div>
</div>